.m-top {
    background-color: #fff;
    padding: 20px 0;
    text-align: center;

    .t-hg {
        margin: 0 auto;
        width: 68px;
        height: 68px;
        border-radius: 50%;
        background: url(../../img/hg.png) center center no-repeat;
        background-size: 100% auto;

        img {
            width: 100%;
            border-radius: 50%;
        }
    }

    .t-na {
        font-size: 16px;
        padding-top: 14px;
    }
}

.m-bars {
    margin-top: 10px;

    .m-bar {
        display: block;
        padding: 0 14px;
        height: 48px;
        line-height: 48px;
        color: #101010;
        background-color: #fff;
        margin-bottom: 1px;

        i {
            margin-right: 8px;

            &.icon-support:after {
                color: #f76361;
            }

            &.icon-collect:after {
                color: #f8b21f;
            }

            &.icon-address:after {
                color: #66c900;
            }

            &.icon-binding:after {
                color: #ff7827;
            }
        }
    }
}